import React from 'react';
import { Table ,Divider} from 'antd'
import './index.scss'



const AnalysisTable = () => {
    const columns = [
        {
            title:()=>{
                return <div className='tableTitle'>
                    <span>菜单</span>
                    <Divider />
                    <span>点击量</span>
                </div>
            },
            width:150,
            dataIndex:'name'
        },
        {
            title: '价格指标', dataIndex: 'jgzb', children: [
                { title: '中债收益率曲线', dataIndex: '1',width:100 },
                { title: '中债估值', dataIndex: '2' ,width:100},
                { title: '中债指数', dataIndex: '3' ,width:100},
            ]
        },
        {
            title: '市场观察', dataIndex: 'sczb', children: [
                { title: '中债统计监测', dataIndex: '4' ,width:100},
                { title: '基准利率综合屏', dataIndex: '5' ,width:100},
                { title: '企业债发行总览', dataIndex: '6' ,width:100},
            ]
        },
        {
            title: '风险扫描', dataIndex: 'fxsm', children: [
                { title: '信用债透视', dataIndex: '7',width:100 },
                { title: '地区经济数据库', dataIndex: '8' ,width:100},
                { title: '发行人报告', dataIndex: '9' ,width:100},
            ]
        },
        {
            title: '旗舰店', dataIndex: 'qjd', children: [
                { title: '国家开发银行', dataIndex: '10' ,width:100},
                { title: '中国农业发展银行', dataIndex: '11' ,width:100},
                { title: '中国进出口银行', dataIndex: '12' ,width:100},
            ]
        },
        {
            title: 'ESG/绿色金融', dataIndex: 'lsjr', children: [
                { title: '中债ESG评价', dataIndex: '13' ,width:100},
                { title: '中债绿债专题', dataIndex: '14' ,width:100},
            ]
        },
        {
            title: '分析工具', dataIndex: 'fxgj', children: [
                { title: '发行定价工具', dataIndex: '15' ,width:100},
                { title: '债券计算器', dataIndex: '16' ,width:100},
                { title: '指数计数器', dataIndex: '17' ,width:100},
            ]
        },
        {
            title: '智慧数据', dataIndex: 'zhsj', children: [
                { title: '数据浏览器', dataIndex: '18' ,width:100},
                { title: '债券筛选', dataIndex: '19' ,width:100},
                { title: '数据下载通道', dataIndex: '20',width:100 },
            ]
        },
        {
            title: '组合管理', dataIndex: 'zhgl', children: [
                { title: '组合管理', dataIndex: '21',width:100 },
            ]
        },
        {
            title: '量化平台', dataIndex: 'lhpt', children: [
                { title: '量化研究', dataIndex: '22' ,width:100},
                { title: '量化手册', dataIndex: '23' ,width:100},
            ]
        },
        {
            title: '中债之声', dataIndex: 'zzzs', children: [
                { title: '中债之声', dataIndex: '24' ,width:100},
            ]
        },
        {
            title: '个人中心', dataIndex: 'grzx', children: [
                { title: '个人中心', dataIndex: '25',width:100 },
            ]
        },
        {
            title: '在线客服', dataIndex: 'zxkf', children: [
                { title: '在线客服', dataIndex: '26',width:100 },
            ]
        },
    ]
    const data = [
        {'name':"a银行",'1':"321",'2':'98',3:'24','4':'109',5:'99',6:'120',7:'22',8:'200',9:'13',10:'321',11:'32',12:'321',13:'199',14:'143',15:'212',16:'132',17:'833',18:'198',19:'199',20:'21',21:'23',22:'11',23:'326',24:'22',25:'23',26:'234'},
        {'name':"b银行",'1':"292",'2':'65',3:'108','4':'57',5:'31',6:'113',7:'29',8:'113',9:'15',10:'113',11:'11',12:'130',13:'919',14:'443',15:'211',16:'332',17:'333',18:'128',19:'949',20:'31',21:'12',22:'145',23:'36',24:'43',25:'44',26:'534'},
        {'name':"c银行",'1':"398",'2':'91',3:'79','4':'134',5:'24',6:'321',7:'29',8:'115',9:'18',10:'139',11:'22',12:'145',13:'299',14:'423',15:'422',16:'322',17:'339',18:'498',19:'959',20:'32',21:'13',22:'123',23:'32',24:'76',25:'66',26:'777'},
        {'name':"d银行",'1':"574",'2':'23',3:'110','4':'15',5:'67',6:'631',7:'13',8:'329',9:'31',10:'214',11:'65',12:'156',13:'939',14:'403',15:'622',16:'320',17:'533',18:'198',19:'990',20:'37',21:'63',22:'114',23:'26',24:'86',25:'34',26:'546'},
        {'name':"e银行",'1':"231",'2':'10',3:'290','4':'24',5:'45',6:'134',7:'35',8:'981',9:'22',10:'245',11:'48',12:'175',13:'949',14:'473',15:'232',16:'432',17:'333',18:'958',19:'919',20:'91',21:'93',22:'224',23:'26',24:'46',25:'65',26:'234'},
        {'name':"f银行",'1':"126",'2':'91',3:'69','4':'210',5:'26',6:'345',7:'123',8:'29',9:'15',10:'765',11:'44',12:'325',13:'969',14:'843',15:'220',16:'732',17:'303',18:'198',19:'899',20:'51',21:'16',22:'23',23:'326',24:'23',25:'11',26:'239'},
    ]

    return (
        <div className='behaviorTable'>

            <Table
                columns={columns}
                bordered
                dataSource={data} 
                scroll={{x:2750}}
            />

        </div>
    )
}

export default AnalysisTable;